import { ConnectButtonExample } from '../../../examples/wallet-components';

# `ConnectButton`

The `ConnectButton` shows the user a button to connect and disconnect a wallet. It automatically
uses the connected state to show a **connect** or **disconnect** button.

```tsx
import { ConnectButton } from '@mysten/dapp-kit';

export function YourApp() {
	return <ConnectButton />;
}
```

<ConnectButtonExample />

### Props

All props are optional.

- `connectText = "Connect Wallet"` - The text that displays in the button when the user is not
  currently connected to a wallet.
